<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--User: xulf Date: 2018/11/9 Time: 13:50-->
<head th:include="include/includebase"></head>
<meta charset="UTF-8">
<title>变更单</title>
</head>
<body>
<!--<a href="javascript:history.go(-1);">返回变更表单</a>-->
<div class="form-group">
    <button type="button" class="btn btn-primary" onclick="doReturn();" style="float: right">返回变更表单</button>
</div>
<div class="panel-body" style="padding-bottom: 0;">
</div>
<h4><i class="fa fa-minus-square" aria-hidden="true">基本信息</i></h4>
<div class="panel-body" style="padding:0px;">
    <form id="basicForm" role="form" method="post" action="">
        <div class="panel panel-default" style="padding:0px;">
            <div class="panel-body" style="padding:0px;">
                <div class="col-lg-12 col-md-12" style="padding:0px;">
                    <div class="col-lg-3 col-md-3">
                        <input id="id" type="hidden" th:value="${data.id}">
                        <input id="isFromTc" type="hidden" th:value="${data.isFromTc}">
                        <div class="form-group after_the">
                            <label for="changeNo">变更单号</label>
                            <input type="text" class="form-control" name="changeNo" id="changeNo"
                                   th:value="${data.changeNo}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="createTime">创建时间</label>
                            <input type="text" class="form-control" name="createTime" id="createTime"
                                   th:value="${data.createTime}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="deptName">部门</label>
                            <input type="text" class="form-control" name="deptName" id="deptName"
                                   th:value="${data.deptName}" disabled="disabled"
                                   />
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="form-group after_the">
                            <label for="originator">发起人</label>
                            <input type="text" class="form-control" name="originator" id="originator"
                                   th:value="${data.originator}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="tel">联系电话</label>
                            <input type="text" class="form-control" name="tel" id="tel"
                                   th:value="${data.tel}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="changeType">变更类型</label>
                            <input type="text" class="form-control" name="changeType" id="changeType"
                                   th:value="${data.changeType}" disabled="disabled"
                                   />
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="form-group after_the">
                            <label for="createName">表单创建者</label>
                            <input type="text" class="form-control" name="createName" id="createName"
                                   th:value="${data.createName}" disabled="disabled"
                            />
                        </div>
                        <div class="form-group after_the">
                            <label for="marketType">上市类型</label>
                            <select class="form-control" name="marketType" id="marketType" disabled="disabled"
                                    >
                                <option th:selected="${data.getMarketType()=='上市前'?true:false}">上市前</option>
                                <option th:selected="${data.getMarketType()=='上市后'?true:false}">上市后</option>
                            </select>
                        </div>
                        <div class="form-group after_the">
                            <label for="projectStage">项目所属阶段</label>
                            <input type="text" class="form-control" name="projectStage" id="projectStage"
                                   th:value="${data.projectStage}" disabled="disabled"
                                   />
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="form-group after_the">
                            <label for="remark">备注</label>
                            <input type="text" class="form-control" name="remark" id="remark"
                                   th:value="${data.remark}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="state">变更状态</label>
                            <!--<select class="form-control" name="state" id="state" placeholder="请选择变更状态"-->
                                    <!--disabled="disabled">-->
                                <!--<option th:selected="${data.getState()=='进行中'?true:false}">进行中</option>-->
                                <!--<option th:selected="${data.getState()=='完成'?true:false}">完成</option>-->
                                <!--<option th:selected="${data.getState()=='取消 '?true:false}">取消</option>-->
                            <!--</select>-->
                            <input type="text" class="form-control" name="state" id="state"
                                   th:value="${data.state}" disabled="disabled"
                                   />
                        </div>
                        <div class="form-group after_the">
                            <label for="relationChangeNo">是否关联变更</label>
                            <input type="text" class="form-control" name="relationChangeNo" id="relationChangeNo"
                                   th:value="${data.relationChangeNo}" disabled="disabled"
                            />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<!--<h4><i class="fa fa-minus-square" aria-hidden="true">变更附件</i></h4>-->
<!--<div class="panel-body" style="padding:0px;">-->
<!--<div class="panel panel-default">-->
<!--<div class="panel-body">-->
<!--<div class="col-md-12 col-lg-12" style="padding:0px;">-->
<!--<div class="form-group after_the">-->
<!--<label for="EWOnum5">附件:</label>-->
<!--<input type="file" class="form-control" name="level" id="EWOnum5"-->
<!--placeholder=""/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div id="TCForm">
    <h4><i class="fa fa-minus-square" aria-hidden="true">变更清单</i></h4>
    <div class="panel-body" style="padding:0px;">
        <div class="panel panel-default">
            <div class="panel-body" style="min-height:0px;max-height: 200px;overflow: scroll">
                <div class="content col-lg-12 col-md-12" style="padding:0px;">
                    <div class="col-lg-4 col-md-4"></div>
                    <div class="col-lg-4 col-md-4">
                        <table class="table table-striped tableNormalStyle" id="changeTCTable">
                        </table>
                    </div>
                    <div class="col-lg-4 col-md-4"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="BOMForm">
    <h4><i class="fa fa-minus-square" aria-hidden="true">变更数据</i></h4>
    <div class="panel-body" style="padding:0px;">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="content col-lg-12 col-md-12" style="padding:0px;">
                    <table class="table table-striped tableNormalStyle" id="changeOrderTable">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/js/helper/dateFormater.js}"></script>
<script th:src="@{/js/helper/taskHelper.js}"></script>
<script th:src="@{/js/helper/jsonHelper.js}"></script>
<script th:src="@{/js/helper/renderingTableColorHelper.js}"></script>
<script th:src="@{/js/change/changeForm/changeOrder.js}"></script>
</body>
</html>